<template>
  <div class="translate_view h-100% w-100% bg-#eee flex flex-col">
    <div class="bg-#fff h-46px leading-46px">翻译</div>
    <div class="flex-1 relative pb-46px">
      <div class="h-100% overflow-auto">
        <div v-for="i in 5" :key="i">
          <div>这是什么啊{{ i }}</div>
        </div>
      </div>
      <div class="absolute bottom-0 left-0 right-0 bg-#fff h-46px leading-46px">
        <div class="flex h-100% items-center justify-between px-20px">
          <el-input v-model="input" placeholder="请输入账号" />
          <el-button class="ml-30px" @click="handleTranslate">确定</el-button>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import * as aliyunApi from "@/utils/translate/aliyunApi";
const input = ref("");
const handleTranslate = () => {
  console.log("翻译");
  aliyunApi.aliyunApiGetToken().then((res) => {
    console.log("结果或", res);
  });
};
</script>
